<!DOCTYPE html>
<html>
<head>
	<title>浮动</title>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="css/index.css">
</head>
<body>
<div class="box">
<!-- 头部 -->
	<div class="header">
		<div class="header_text_fir">腾讯软件中心，腾讯精品软件展示平台
		</div>
		<div class="header_text_sec">我们会不断提升产品的性能和体验，为您提供最好用的软件！
		</div>
		<div class="img">
			<ul class="header_ul">
				<li class="header_li">
					<span class="header_span">首页</span>
				</li>
				<li class="header_li">
					<span class="header_span">PC产品大全</span>
				</li>
				<li class="header_li">
					<span class="header_span">Mac产品</span>
				</li>
				<li class="header_li">
					<span class="header_span">无线产品大全</span>
				</li>
				<li class="header_li">
					<span class="header_span">企业产品大全</span>
				</li>
				<li class="header_li header_li_last">
					<span class="header_arrow_r"><img src="images/arrow_r.gif" ></span>
					<span class="header_span">QQ实验室</span>
				</li>
			</ul>
		</div>
	</div>
	<!-- 中部 -->
	<div class="middle">
					

		<div class="middle_left">
					<!-- 中间右上边 -->
		<div  class="middle_right">

			<div>
				<ul class="middle_rigth_ul">
					<li>
						<div class="middle_right_h">最新动态</div>
					</li>
					<li>
					<!-- 上下划线 -->
						<div class="middle_right_underline1"></div>
					</li>
					<li>
						· <a href="" class="middle_right_href">腾讯电脑管家8.0正式发布</a>
					</li>
					<li>
						· <a href="" class="middle_right_href">腾讯手机平台首推强加速、LOL助手永久免费</a>
					</li>
					<li>
						· <a href="" class="middle_right_href">微云2.0六大终端全新出击</a>
					</li>
					<li>
						· <a href="" class="middle_right_href">腾讯手机管家(PC版)2.0新版，只为用户更好体验</a>
					</li>
					<li>
						· <a href="" class="middle_right_href">QQ影音3.7发布，提升转码速度</a>
					</li>
					<li>
						· <a href="" class="middle_right_href">QQ2012 Beta2(Q+):全新Q+，更快更便捷</a>
					</li>
					<li>
						· <a href="" class="middle_right_href">Foxmail7发布新版本，支持繁、简、英多语言</a>
					</li>
				</ul>
				<div>
					<span class="middle_right_more1">更多推荐</span><a href="" class="middle_right_more2">更多>></a>
				</div>
					<!-- 下下划线 -->
				
			</div>
			<div class="middle_right_underline2">
				</div>

		</div>
			<!-- 中间左边上边图片 -->
			<div class="middle_left_img">
			</div>

			<div>
				<span class="middle_left_text_first">腾讯软件</span><a href="" class="middle_left_text_second">更多>></a>
			</div>

			<div class="middle_left_underline">
			</div>
			<!-- 右边横线下的排列 -->
			<div class="middle_right_under">
				<ul class="middle_right_under_ul">
					<li >
							<img src="images/soft_r_1.gif"> 
							<a href="" class="middle_right_under_txt">QQ旋风</a>
						<span class="middle_right_under_downicon">
							<img src="images/downicon.gif"><a href="" class="middle_li_txt">下载</a>
						</span>
					</li>
					<li>
						<img src="images/soft_r_2.gif">
						<a href="" class="middle_right_under_txt">腾讯视频播放器</a>
						<span class="middle_right_under_downicon1">
							<img src="images/downicon.gif"><a href="" class="middle_li_txt">下载</a>
						</span>
					</li>
					<li>
						<img src="images/soft_r_3.gif">
						<a href="" class="middle_right_under_txt">QQ影音</a>
						<span class="middle_right_under_downicon2">
							<img src="images/downicon.gif"><a href="" class="middle_li_txt">下载</a>
						</span>
					</li>
					<li>
						<img src="images/soft_r_4.gif">
						<a href="" class="middle_right_under_txt">小Q书点</a>
						<span class="middle_right_under_downicon3">
							<img src="images/downicon.gif"><a href="" class="middle_li_txt">下载</a>
						</span>
					</li>
					<li>
						<img src="images/soft_r_5.gif">
						<a href="" class="middle_right_under_txt">Foxmail</a>
						<span class="middle_right_under_downicon4">
							<img src="images/downicon.gif"><a href="" class="middle_li_txt">下载</a>
						</span>
					</li>
					<li>
						<img src="images/soft_r_6.gif">
						<a href="" class="middle_right_under_txt">顽固木马克星</a>
						<span class="middle_right_under_downicon5">
							<img src="images/downicon.gif"><a href="" class="middle_li_txt">下载</a>
						</span>
					</li>
				</ul>
				<div class="middle_right_friend">
					合作伙伴
				</div>
				<!-- 横线 -->
				<div class="middle_right_underline2"></div>
				
				<div>
					<ul class="middle_right_under_last">
						<li>
							<a href="" class="middle_li_txt middle_right_last">
							腾讯软件管理</a><a href="" class="distance1 middle_li_txt middle_right_last">腾讯网下载</a><a href="" class="middle_li_txt middle_right_last">下载吧</a>
						</li>
						<li>
							<a href="" class="middle_li_txt middle_right_last">IT168</a><a
							href="" class="distance2 middle_li_txt middle_right_last">东坡下载</a><a href="" class="middle_li_txt middle_right_last" >完美下载</a>
						</li>			 
						<li>
							<a href="" class="middle_li_txt middle_right_last">滕牛网</a><a href="" class="distance3 middle_li_txt middle_right_last">PC6下载站</a><a href="" class="middle_li_txt middle_right_last">乡巴佬下载</a>
						</li>
					</ul>
				</div>
			</div>
			<!-- 左边横线下的排列 -->
			<div class="middle_left_under">
				<!-- QQ -->
				<ul class="middle_icon_1">
					<li class="middle_li">
						<a href="" class="middli_li_qq">QQ5.2</a><span class="middle_li_date">更新日期：2014-03-07</span>
						<span class="middle_left_right1">
							<img src="images/downicon.gif">
							<a href="" class="middle_li_txt">下载</a> <span class="middle_li_txt">|</span> <a href="" class="middle_li_txt">官方网站</a>
						</span>
					</li>

					<li class="middle_li">
						<div class="middli_li_word">
						免费的及时通讯平台,带来更多沟通乐趣
						</div>
					</li>
				</ul>
				
				<!-- 腾讯 -->
				<ul class="middle_icon_2">
					<li class="middle_li">
						<a href="" class="middli_li_qq">腾讯电脑管家</a><img src="images/new.gif"> <span class="middle_li_date">更新日期：2014-01-15</span>
						<span class="middle_left_right2">
							<img src="images/downicon.gif">
							<a href="" class="middle_li_txt">下载</a> <span class="middle_li_txt">|</span> <a href="" class="middle_li_txt">官方网站</a>
						</span>
					</li>

					<li class="middle_li">
						<div class="middli_li_word">
						专业的免费杀毒软件，全面便捷管理电脑
						</div>
					</li>
				</ul>

				<!-- 软件管理 -->
				<ul class="middle_icon_3">
					<li class="middle_li">
						<a href="" class="middli_li_qq">软件管理</a><span class="middle_li_date">更新日期：2014-03-19</span>
						<span class="middle_left_right3">
							<img src="images/downicon.gif">
							<a href="" class="middle_li_txt">下载</a> <span class="middle_li_txt">|</span> <a href="" class="middle_li_txt">官方网站</a>
						</span>
					</li>

					<li class="middle_li">
						<div class="middli_li_word">
						下载软件，就用软件管理
						</div>
					</li>
				</ul>
				
				<!-- QQ音乐 -->
				<ul class="middle_icon_4">
					<li class="middle_li">
						<a href="" class="middli_li_qq">QQ音乐2014贺岁版</a><img src="images/new.gif"> <span class="middle_li_date">更新日期：2014-01-24</span>
						<span class="middle_left_right4">
							<img src="images/downicon.gif">
							<a href="" class="middle_li_txt">下载</a> <span class="middle_li_txt">|</span> <a href="" class="middle_li_txt">官方网站</a>
						</span>
					</li>

					<li class="middle_li">
						<div class="middli_li_word">
						全新界面设计，视野更开阔，操作更简单
						</div>
					</li>
				</ul>

				<!-- QQ浏览器 -->
				<ul class="middle_icon_5">
					<li class="middle_li">
						<a href="" class="middli_li_qq">QQ浏览器</a><span class="middle_li_date">更新日期：2014-03-13</span>
						<span class="middle_left_right5">
							<img src="images/downicon.gif">
							<a href="" class="middle_li_txt">下载</a> <span class="middle_li_txt">|</span> <a href="" class="middle_li_txt">官方网站</a>
						</span>
					</li>

					<li class="middle_li">
						<div class="middli_li_word">
						全新设计，简约轻快，轻巧易用
						</div>
					</li>
				</ul>

			<!-- QQ影像 -->
				<ul class="middle_icon_6">
					<li class="middle_li">
						<a href="" class="middli_li_qq">QQ影像</a><span class="middle_li_date">更新日期：2014-01-24</span>
						<span class="middle_left_right6">
							<img src="images/downicon.gif">
							<a href="" class="middle_li_txt">下载</a> <span class="middle_li_txt">|</span> <a href="" class="middle_li_txt">官方网站</a>
						</span>
					</li>

					<li class="middle_li">
						<div class="middli_li_word">
						管理、浏览、编辑上传一站体验
						</div>
					</li>
				</ul>

			</div>

		</div>

	</div>
	<!-- 尾部 -->
	<div class="bottom">
		<div>Copyright @ 1998-2012 Tentent.All Rights Reserved</div>
		<div>腾讯公司 版权所有</div>
	</div>

</div>

</body>
</html> 